<template>
	<view class="container">
		<!-- 页面顶部背景 -->
		<view class="bg"><image src="https://community.chuangxiangdianli.com/images/order/orderDetail_bg.png" mode=""></image></view>
		<!-- 自定义导航栏 -->
		<view class="nav">
			<image class="posiPic" src="https://community.chuangxiangdianli.com/images/order/orderDetail_bg.png" mode="top"></image>
			<view class="nav_top">
				<view><view @click="back"></view></view>
				订单详情
			</view>
		</view>
		<view class="pageStyle">
			<!-- ============================================= 订单状态 ============================================= -->
			<view class="orderStatus p30">
				<view class="status">
					<text v-if="orderDteil.order_status == 0">取消订单</text>
					<text v-if="orderDteil.order_status == 1">待支付</text>
					<text v-if="orderDteil.order_status == 2">待发货</text>
					<text v-if="orderDteil.order_status == 3">确认收货</text>
					<text v-if="orderDteil.order_status == 4">待评论</text>
					<!-- <text v-if="orderDteil.order_status == 5">售后</text> -->
					<text v-if="orderDteil.order_status == 6">已完成</text>
				</view>
				<view class="orderDescription" v-if="false">
					<text v-if="returnData.refund_step==0">等待用户填写单号</text>
					<text v-if="returnData.refund_step==1">等待商家收货</text>
					<text v-if="returnData.refund_step==2">商家确定收货并发货</text>
					<text v-if="returnData.refund_step==3">用户确定收货订单成功</text>
					<text v-if="returnData.refuse_remark">用户确定收货订单成功</text>
					refuse_remark
				</view>
			</view>
			<!-- ============================================= 收货地址 ============================================= -->
			<view class="address">
				<view class="address_top">
					<view class="location_icon">
						<image src="https://community.chuangxiangdianli.com/images/order/site.png" mode=""></image>
					</view>
					<view class="name">{{ orderDteil.receive_name }}</view>
					<view class="phone">{{ orderDteil.receive_tel }}</view>
				</view>
				<view class="address_bottom">
					{{ orderDteil.receive_area }}  {{ orderDteil.receive_address }}
				</view>
			</view>
			<!-- ============================================= 商品信息 ============================================= -->
			<view class="goods">
				<!-- 店铺 -->
				<!-- 商品信息按照店铺来进行渲染     订单状态定位到右上方 -->
				<view class="store">
					<view class="storeName" @click="goStore">
						<image class="storeIcon" :src="orderDteil.store.store_logo" mode=""></image>
						<text class="name">{{ orderDteil.store.store_name }}</text>
						<image class="backIcon" src="https://community.chuangxiangdianli.com/images/order/order_arrow.png" mode=""></image>
					</view>
					<view class="goodsItem" v-for="(item, index) in orderDteil.order_goods" :key="index">
						<image class="goodsImg" :src="item.goods_image" mode=""></image>
						<view class="goodsMsg">
							<view class="goodsName">{{ item.goods_name }}</view>
							<view class="goodsSpec"><text v-if="item.sku_name">{{ item.sku_name }}</text></view>
							<view class="price">
								<view class="money">￥<text>{{ item.goods_price }}</text></view>
								<view class="num">
									<text>数量：x{{ item.buy_num }}</text>
									<text>小计：￥{{ item.total_price }}</text>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 订单价格信息 -->
				<view class="orderPirce">
					<view class="totalPirce">
						<text>商品总价</text>
						<text>￥{{ orderDteil.order_price }}</text>
					</view>
					<view class="totalPirce">
						<text>运费</text>
						<text>￥{{ orderDteil.freight_money }}</text>
					</view>
					<view class="totalPirce">
						<text>订单优惠金额</text>
						<text>￥{{ orderDteil.coupon_money }}</text>
					</view>
					<view class="totalPirce" v-if="false">
						<text>积分抵扣</text>
						<text>￥9.00</text>
					</view>
				</view>
				<!-- 实际付款 -->
				<view class="actual">
					<text style="color: #333333;">实付款: </text>￥<text>{{ orderDteil.total_price }}</text>
				</view>
			</view>
			<!-- ============================================= 订单编号 ============================================= -->
			<view class="orderNumber" v-if="orderDteil.order_status != 5">
				<view class="item">
					<view>订单编号</view>
					<view>{{ orderDteil.order_no }}</view>
				</view>
				<view class="item">
					<view>下单时间</view>
					<view>{{ timeStr(orderDteil.pay_time) }}</view>
				</view>
				<view class="item">
					<view>支付方式</view>
					<view>{{ orderDteil.payment_name }}</view>
				</view>
			</view>
			<!-- ============================================= 退款原因orderDteil.order_status == 5 ============================================= -->
			<view class="orderNumber" v-if="false">
				<view class="item">
					<view>退款退货原因</view>
					<view>实物不符</view>
				</view>
				<view class="item">
					<view>申请时间</view>
					<view>{{ timeStr(orderDteil.pay_time) }}</view>
				</view>
				<view class="item">
					<view>退款金额</view>
					<view>￥365.00</view>
				</view>
			</view>
			
			<!-- ============================================= 快递信息 ============================================= -->
			<view class="orderNumber" style="margin-bottom: 100rpx;" v-if="orderDteil.order_status >= 2 && orderDteil.order_status!= 5">
				<view class="item">
					<view>快递信息</view>
					<view><image src="https://community.chuangxiangdianli.com/images/order/order_arrow.png" mode=""></image></view>
				</view>
				<view class="item">
					<view>快递公司</view>
					<view>{{ orderDetail.delivery_code }}</view>
				</view>
				<view class="item">
					<view>快递单号</view>
					<view>{{ delivery_no }}</view>
				</view>
			</view>
			<!-- ============================================= 查看评价 ============================================= -->
			<view class="orderNumber" style="margin-bottom: 100rpx;" v-if="orderDteil.order_status == 6">
				<view class="item">
					<view>查看评价</view>
					<view><image src="https://community.chuangxiangdianli.com/images/order/order_arrow.png" mode=""></image></view>
				</view>
			</view>
			<!-- ============================================= 退款地址orderDteil.order_status == 5 ============================================= -->
			<view class="returnAddress" v-if="false">
				<view class="refuseAddress">退货地址</view>
				<view class="name">
					<text>李逵</text>
					<text>1588888888</text>
				</view>
				<view class="addressInfo">
					山东省济南市历城区达五家子街道淮染大厦12楼233
					B座23级
				</view>
			</view>
			<!-- ============================================= 发货地址 ============================================= -->
			<view class="returnAddress" v-if="false">
				<view class="refuseAddress">发货地址</view>
				<view class="name">
					<text>李逵</text>
					<text>1588888888</text>
				</view>
				<view class="addressInfo">
					山东省济南市历城区达五家子街道淮染大厦12楼233
					B座23级
				</view>
			</view>
		</view>
		<!-- 底部状态栏 -->
		<view class="bottom">
			<!-- <view class="delOrder" v-if="orderDteil.order_status == 5 && str" @click="callStore">联系卖家</view> -->
			<view class="delOrder" v-if="orderDteil.order_status == 0 || orderDteil.order_status == 6" @click="orderDel">删除订单</view>
			<view class="btnList">
				<!-- <view class="bor" v-if="orderDteil.order_status == 4">申请售后</view> -->
				<view class="bor" v-if="orderDteil.order_status == 1" @click="changeOrderStatus(0)">取消订单</view>
				<!-- <view class="bor" v-if="orderDteil.order_status == 3 || orderDteil.order_status == 4 || orderDteil.order_status == 6">查看物流</view> -->
				<view class="bor" v-if="orderDteil.order_status == 1 || orderDteil.order_status == 2" @click="editAddress">修改地址</view>
				<view class="bor" v-if="orderDteil.order_status == 3" @click="changeOrderStatus(4)">确认收货</view>
				<view class="bor" v-if="orderDteil.order_status == 0 || orderDteil.order_status == 2 || orderDteil.order_status == 3 || orderDteil.order_status == 4" @click="buyAgain">再次购买</view>
				<view class="bgc" v-if="orderDteil.order_status == 1" @click="payNow">立即支付</view>
				<view class="bgc" v-if="orderDteil.order_status == 4" @click="goComment">去评价</view>
				<!-- <view class="bor" v-if="orderDteil.order_status == 5 && str && returnData.refund_verify == 0" @click="changeOrderStatus(4)">取消申请</view> -->
				<!-- <view class="bgc" v-if="orderDteil.order_status == 5 && str && returnData.refund_verify == 1 && returnData.refund_step == 0" @click.stop="completeOrder(returnData.order_id)">填写订单</view> -->
				<!-- <view class="bgc" v-if="orderDteil.order_status == 5 && str && returnData.refund_verify == ">删除订单</view> -->
			</view>
		</view>
		<!--  ===============================     用户地址弹出框     ===============================  -->
		<u-popup v-model="addressFlag" mode='bottom' :closeable="true" border-radius="20">
			<view class="addTitle">
				收货地址
				<view class="new" @click="goAddress">新增</view>
			</view>
			<scroll-view scroll-y="true" style="max-height: 700rpx;min-height:300rpx;padding: 0 30rpx;box-sizing: border-box;">
				<view class="to_address_item" v-if="JSON.stringify(addressData) != '[]'" v-for="(item, index) in addressData" @click="changeAddress(item, index)">
					<view class="check_box">
						<img src="https://community.chuangxiangdianli.com/images/shopCar/choose_n.png" v-if="orderDteil.address_id != item.id" alt="">
						<img src="https://community.chuangxiangdianli.com/images/shopCar/choose_s.png" v-if="orderDteil.address_id == item.id" alt="">
					</view>
					<view class="txt_box over2">{{item.area_info+item.address}}</view>
				</view>
				<view class="addTitle" v-if="JSON.stringify(addressData) == '[]'">暂无收货地址</view>
			</scroll-view>
		</u-popup>
	</view>
</template>

<script>
	export default{
		data() {
			return{
				str: '',
				addressFlag: false,
				order_id: 0, // 订单id
				orderDteil: {}, // 订单详情
				addressData: [], // 地址
				returnData: {}, // 售后数据
			}
		},
		onLoad(option) {
			if (option.str) {
				this.str = option.str
			}
			if (option.order_id) {
				this.order_id = option.order_id
				this.getOrderdetail()
			}
		},
		onShow() {
			// this.getOrderdetail()
			this.getAddress()
		},
		methods:{
			//  联系卖家
			callStore() {
				console.log('这个功能不需要')
			},
			// 填写订单
			completeOrder(id) {
				uni.navigateTo({
					url: `../writeOrder/index?orderId=${id}`
				})
			},
			// 获取订单详情
			getOrderdetail() {
				var that = this
				this.$http.post({
					url: 'Mini/order/orderInfo',
					data: {
						order_id: that.order_id
					}
				}).then(res => {
					if (res.status) {
						that.orderDteil = res.data
						if (that.str) {
							that.$mrequest({
								url: 'Mini/refund/showRefund',
								method: 'POST',
								data: {
									order_id: that.order_id
								},
								callBack: function callBack (res) {
									if (res.code == 200) {
										that.returnData = res.data
									} else {
										uni.showToast({
											title: res.msg,
											icon: 'none'
										})
									}
								},
								fail: function fail (res) {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
								}
							})
						}
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				}).catch(res => {
					uni.showToast({
						title: res.msg,
						icon: 'none'
					})
				})
			},
			// 删除订单
			orderDel() {
				var that = this
				that.$mrequest({
					url: 'Mini/order/delete',
					data: {
						order_id: that.order_id
					},
					callBack: function callBack (res) {
						if (res.status) {
							that.back()
						} else {
							uni.showToast({
								title: res.msg,
								icon: 'none'
							})
						}
					},
					fail: function fail (res) {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			// 立即支付
			payNow() {
				var that = this
				that.$mrequest({
					url: 'Mini/order/pay',
					method: 'POST',
					data: {
						order_id: that.order_id,
						order_no: that.orderDteil.order_no
					},
					callBack: function callBack (res1) {
						//  执行微信支付
						if (res1.appId) {
							uni.requestPayment({
								provider: 'wxpay',
								timeStamp: res1.timeStamp,
								nonceStr: res1.nonceStr,
								package:  res1.package,
								signType: res1.signType,
								paySign: res1.paySign,
								success: function (res2) {
									//  支付成功了 获取待发货列表
									that.getOrderdetail()
								},
								fail: function (err) {
									// console.log('fail:' + JSON.stringify(err));
									// 支付失败
									uni.showToast({
										title: err,
										icon: 'none'
									})
								}
							});
						}
						
					},
					fail: function fail (res1) {
						uni.showToast({
							title: res1.msg,
							icon: 'none'
						})
					}
				})
			},
			// 再次购买
			buyAgain() {
			  // console.log('再买一次')
			  var that = this
			  let arr = []
			  that.orderDteil.order_goods.map(v => {
				  let obj = {}
				  obj.buy_num = v.buy_num // 购买数量
				  obj.goods_id = v.goods_id // 商品id
				  //  如果是多规格商品
				  if (v.sku_id) {
					  obj.sku_id = v.sku_id
				  } else {
					  obj.sku_id = 0
				  }
				  arr.push(obj)
			  })
			  uni.navigateTo({
			  	url: '/other/settlement/index?arr=' + JSON.stringify(arr)
			  })
			},
			// 修改订单状态
			changeOrderStatus(status) {
				var that = this
				that.$mrequest({
					url: 'Mini/order/orderChangeStatus',
					method: "POST",
					data: {
						order_id: that.order_id,
						order_status: status
					},
					callBack: function callBack (res) {
						if (res.status) {
							that.getOrderdetail()
						} else {
							uni.showToast({
								title: res.msg,
								icon: 'none'
							})
						}
					},
					fail: function fail (res) {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					},
				})
			},
			//  跳转评论
			goComment() {
				var that = this
				console.log('跳转订单品论');
				uni.navigateTo({
					url: '../comments/index?orderId=' + that.order_id
				})
			},
			// 转化时间戳
			timeStr(str) {
				let timeStr = ''
				let timer = new Date(str)
				let year = timer.getFullYear()
				let month = timer.getMonth() + 1 < 10 ? '0' + timer.getMonth() + 1 : timer.getMonth() + 1
				let day = timer.getDate() < 10 ? '0' + timer.getDate() : timer.getDate()
				let hour = timer.getHours() < 10 ? '0' + timer.getHours() : timer.getHours()
				let mins = timer.getMinutes() < 10 ? '0' + timer.getMinutes() : timer.getMinutes()
				timeStr = year + '-' + month +  '-' + day + ' ' +  hour + ':' +  mins
				// console.log(timeStr)
				return timeStr
			},
			// 页面返回按钮
			back() {
				uni.navigateBack()
			},
			//  跳转店铺
			goStore() {
				uni.navigateTo({
					url: '/other/store/index?id=' + this.orderDteil.store_id
				})
			},
			//  修改收货地址
			editAddress() {
				this.addressFlag = true
			},
			//  获取用户的收货地址
			getAddress() {
				var that = this
				this.$mrequest({
					url: 'Mini/address/getAddress',
					method: 'POST',
					callBack: function callBack (res) {
						if (res.status) {
							that.addressData = res.data
						}
					},
					fail: function fail (res) {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			//  修改收货地址
			changeAddress(item, index) {
				var that = this
				that.$mrequest({
					url: 'Mini/order/OrderChangeAddress',
					method: 'POST',
					data: {
						order_id: that.order_id,
						address_id: item.id
					},
					callBack: function callBack (res) {
						that.addressFlag = false
						if (res.status) {
							uni.showToast({
								title: res.msg,
								icon: 'none'
							})
							that.getOrderdetail()
						} else {
							uni.showToast({
								title: res.msg,
								icon: 'none'
							})
						}
					},
					fail: function fail (res) {
						that.addressFlag = false
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			//  跳转到新增收货地址
			goAddress() {
				uni.navigateTo({
					url: '/me/address/addAddress'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: rgba(247, 246, 249, 1)!important;
	}
	.container{
		// height: 100%;
		width: 100%;
		position: relative;
		background-color: rgba(247, 246, 249, 1);
	}
	.bg{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(357rpx + var(--status-bar-height));
		z-index: 1;
		&>image{
			display: block;
			height: 100%;
			width: 100%;
		}
	}
	.nav{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(103rpx + var(--status-bar-height));
		z-index: 99;
		.posiPic{
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
		}
		.nav_top{
			position: absolute;
			left: 0;
			top: 0;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			height: 100%;
			width: 100%;
			padding-top: var(--status-bar-height);
			text-align: center;
			color: #FFFFFF;
			z-index: 3;
			&>view{
				position: absolute;
				left: 30rpx;
				top: calc(31rpx + var(--status-bar-height));
				height: 25rpx;
				width: 25rpx;
				border-bottom: 4rpx solid #FFFFFF;
				border-left: 4rpx solid #FFFFFF;
				transform: rotate(45deg);
				&>view{
					position: absolute;
					left: -8rpx;
					top: -8rpx;
					width: 70rpx;
					height: 70rpx;
					background: transparent;
				}
			}
		}
	}
	
	.pageStyle{
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding-bottom: 120rpx;
		// background-color: rgba(247, 246, 249, 1);
		box-sizing: border-box;
		z-index: 10;
	}
	//       ============================ 订单状态  ============================
	.orderStatus{
		overflow: hidden;
		margin-top: calc(103rpx + var(--status-bar-height));
		width: 100%;
		text-align: left;
		font-size: 34rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		z-index: 20;
		&>view:nth-child(1){
			margin-top: 12rpx;
			margin-bottom: 16rpx;
		}
		&>view:nth-child(2){
			font-size: 24rpx;
		}
	}
	//       ============================ 收货地址  ============================
	.address{
		width: calc(100% - 60rpx);
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #393939;
		background-color: #fff;
		margin: 40rpx auto 0;
		padding: 30rpx 20rpx;
		box-sizing: border-box;
		border-radius: 15rpx;
		.address_top{
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			.location_icon{
				height: 36rpx;
				width: 36rpx;
				&>image{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.name{
				margin: 0 40rpx 0 27rpx;
			}
		}
		.address_bottom{
			margin-left: 64rpx;
			margin-top: 25rpx;
			font-size: 25rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}
	//       ============================ 商品信息  ============================
	.goods{
		margin: 0 30rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
		padding: 0 25rpx;
		.store{
			padding-top: 37rpx;
			padding-bottom: 39rpx;
			.storeName{
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				font-size: 26rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #393939;
				margin-bottom: 39rpx;
				.storeIcon{
					display: block;
					width: 26rpx;
					height: 26rpx;
					margin-right: 14rpx;
				}
				.backIcon{
					display: block;
					height: 21rpx;
					width: 21rpx;
					margin-left: 12rpx;
				}
				
			}
			.goodsItem{
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				height: 180rpx;
				.goodsImg{
					display: block;
					width: 180rpx;
					height: 180rpx;
					border-radius: 15rpx;
				}
				.goodsMsg{
					flex: 1;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					margin-left: 20rpx;
					font-size: 22rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #676767;
					.goodsSpec{
						font-size: 22rpx;
						font-family: Source Han Sans CN;
						font-weight: 500;
						color: #A6A6A6;
					}
					.price{
						display: flex;
						flex-direction: row;
						justify-content: space-between;
						.money{
							font-size: 16rpx;
							font-family: Source Han Sans CN;
							font-weight: 500;
							color: #F55519;
							&>text{
								font-size: 24rpx;
							}
						}
						.num{
							margin-top: 6rpx;
							font-size: 18rpx;
							font-family: Source Han Sans CN;
							font-weight: 500;
							color: #393939;
						}
					}
				}
			}
		}
		.orderPirce{
			
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			.totalPirce{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				height: 60rpx;
				&>text:nth-child(2){
					color: rgba(245, 92, 37, 1);
					margin-right: 13rpx;
				}
			}
		}
		.actual{
			text-align: right;
			margin-right: 13rpx;
			font-size: 25rpx;
			font-family: PingFang SC;
			font-weight: 500;
			
			padding: 30rpx 0;
			color: rgba(255, 0, 0, 1);
			&>text{
				font-size: 30rpx;
			}
		}
	}
	.orderNumber{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		
		height: 218rpx;
		background: #FFFFFF;
		border-radius: 15rpx;
		margin: 0 30rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
		margin-top: 15rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		.item{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			&>view:nth-child(2){
				color: rgba(153, 153, 153, 1);
				&>image{
					display: block;
					height: 21rpx;
					width: 21rpx;
					margin-right: 30rpx;
				}
			}
		}
	}
	//       ============================ 底部订单状态栏  ============================
	.bottom{
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 100rpx;
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		background-color: #fff;
		z-index: 99;
		padding: 0 30rpx;
		box-sizing: border-box;
		.btnList{
			flex: 1;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: center;
			&>view{
				width: 148rpx;
				height: 50rpx;
				border-radius: 25rpx;
				box-sizing: border-box;
				text-align: center;
				line-height: 50rpx;
				margin: 0 25rpx;
			}
			.bor{
				border: 2rpx solid #BBBBBB;
			}
			.bgc{
				background: linear-gradient(-74deg, #70DAC4, #3EC4A7);
				color: #FFFFFF;	
			}
		}
	}
	//  	============================ 退货地址  ============================
	.returnAddress{
		margin: 15rpx 30rpx;
		background-color: #fff;
		border-radius: 15rpx;
		padding: 30rpx;
		box-sizing: border-box;
		.refuseAddress{
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #393939;
			
		}
		.name{
			margin: 30rpx 0;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #393939;
			&>text:nth-child(2){
				margin-left: 40rpx;
			}
		}
		.addressInfo{
			font-size: 25rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}
	.addTitle{
		position: relative;
		font-size: 36rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 600;
		color: #333333;
		line-height: 50rpx;
		text-align: center;
		margin: 20rpx 0;
		.new{
			position: absolute;
			left: 30rpx;
			top: 0;
			bottom: 0;
			margin: auto;
		}
	}
	.to_address_item {
		margin-bottom: 50rpx;
		width: 100%;
		height: 66rpx;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		
		.check_box {
			flex-shrink: 0;
			width: 32rpx;
			height: 32rpx;
			position: relative;
			margin-right: 26rpx;
		
			img {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
			}
		}
		
		.txt_box {
			font-size: 26rpx;
			font-weight: blod;
		}
	}
</style>
